.float {
    position: fixed;
    top: 105px;
    right: 20px;
    z-index: 999;
    overflow: visible;
    max-height: 128px;
    transition: max-height 0.5s ease-in-out;
}
.contentWrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}
.addHeight {
    max-height: 500px;
}

.draggableIconWrapper {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: move;
}

.draggableIcon {
    display: inline-block;
    color: rgba(38, 38, 38, 1);
    transform: rotate(90deg);
}

.dragging {
    color: rgba(217, 217, 217, 1);
}

.shakeX {
    animation: shakeX 3s infinite linear;
}

@keyframes shakeX {
    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    3% {
        transform: translate3d(-10px, 0, 0);
    }
    4% {
        transform: translate3d(-10px, 0, 0);
    }
    7% {
        transform: translate3d(10px, 0, 0);
    }
    8% {
        transform: translate3d(10px, 0, 0);
    }
    11% {
        transform: translate3d(0px, 0, 0);
    }
    12% {
        transform: translate3d(-2px, 0, 0);
    }
    13% {
        transform: translate3d(2px, 0, 0);
    }
    14% {
        transform: translate3d(-2px, 0, 0);
    }
    15% {
        transform: translate3d(2px, 0, 0);
    }
    24% {
        transform: translate3d(0px, 0, 0);
    }

    95% {
        transform: translate3d(0, 0, 0);
    }
}
